<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="js/jquery-1.11.0.js"></script>
	</head>
	<body>
		<button>可点击按钮</button>
		<button>一次性移除</button>
		<script>
			//DOM
			// document.getElementsByTagName("button")[0].addEventListener("click",fun,false)
			function fun(){
				console.log("你点击了按钮");
			}
			// document.getElementsByTagName("button")[1].addEventListener("click",function(){
			// 	console.log("你移除了第一个按钮的点击事件");
			// 	document.getElementsByTagName("button")[0].removeEventListener("click",fun,false);
			// },false)
			
			//jquery
			$("button").eq(0).bind("click",fun);
			$("button").eq(1).one("click",function(){
				console.log("你移除了第一个按钮的点击事件");
				$("button").eq(0).unbind("click");
			})
		</script>
	</body>
</html>
